			*{
				margin: 0;
				padding: 0;
			}
			.container{
				width: 1226px;
				margin: auto;
			}
			#box_1{
				height: 120px;
				width: 100%;
				background:url(img/diyi.png);
				background-position: -500px ; 
			}
			.box{
				height:40px;
				width:1600px;
				background: #333333;
			}
			.a1{
				padding-left:182px;
				font-family: "微软雅黑";
				font-size: 10px;
				text-decoration: none;
				color: #B0B0B0;
				border-right: solid 0.5px gray;
			}
			.a1:hover{
				color:ghostwhite;
			}
			.aa{
				font-family: "微软雅黑";
				color: #B0B0B0;
				font-size: 10px;
				line-height: 40px;
				border-right: solid 0.5px gray;
				padding: 0 5px;
				text-decoration: none;
			}
			.aa:hover{
				color:ghostwhite;
			}
			.aaa{
				font-family: "微软雅黑";
				text-decoration: none;
				color: #B0B0B0;
				font-size: 10px;
			}
			.aaa:hover{
				color:ghostwhite;
			}
			.img_1{
				height: 20px;
				width: 20px;
				position:relative;
				top:6px;
			}
			.box2{
				height: 100px;
				line-height: 100px;
				width: 1600px;
				margin-top: 20px;
			}
			
			.box2>img,.box2>div{float: left;}
			
			.img_2{
				height: 62px;
				width: 55px;
				margin-left: 185px;
				margin-top: 10px;
				background: #FF6700;
			}
			.a2{
				margin-left: 300px;
			}
			.a5{
				margin-left: ; 180px;
				height: 1500px;
				font-family: "微软雅黑";
				padding: 100px;
			}
			.a6{
				padding: 8px;
				font-family: "微软雅黑";
			}
			
			.input_1{
				height: 50px;
				width: 245px;
				margin-left: 70px;
			}
			.input_2{
				height: 54px;
				width:53px ;
				/*利用相对定位把提交按钮的位置挪开*/
				position: relative;
				right: 9px;
			}			
			.a8{
				margin-left: 15px;
				font-family: "微软雅黑";
				text-decoration: none;
				color: #000000;
			}
			.a8:hover{
				color: coral;
			}
			.ab{
				margin-left: 180px;
				text-decoration: none;
				font-family: "微软雅黑";
				color: #000000;
			}
			.ab:hover{
				color: coral;
			}
			ul li{
				list-style: none;
				line-height: 35px;
				padding-left: 30px;
				margin-top:10px;
				margin-bottom:10px;
/*				height: 35px;*/
			}
			.aab{
				font-family:"微软雅黑";
				width: 230px;
				background: #5D1114;
				color: #FFFFFF;
				font-size: 15px;
				position: absolute;
			}
			.dier{
				width:100%;
				position: relative;
			}
			.tupian{
				top:0;
			}
			.tupian:hover{
				box-shadow:0px 0px 10px 10px #ccc;
			}
			ul li:hover{
				background:#FF6700;
			}
			#big_box4{
				margin-left: 179px;
				margin-top: 13px;
				background: #5F5750;
				height: 169px;
				width: 230px;
				margin-bottom: 13px;
			}
			.fuwu{
				margin: 3px;
				margin-top: 10px;
			}
			.fuwu:hover{
				position: relative;
				top: -4px;
				box-shadow: 0 4px 10px 1px #AAA;

			}
			.fuwu1{
				text-decoration: none;
			}
			#big_box3{
				position: relative;
				/*width: 1226px;
				height: ;*/
				}
			.a9{
				position: absolute;
				top:0;
				left: 425px;
			}
			.a9:hover{
				box-shadow:0px 0px 10px 10px #ccc;
			}
			.a10{
				position: absolute;
				top:0;
				left: 760px;
			}
			.a10:hover{
				box-shadow:0px 0px 10px 10px #ccc;
			}
			.a11{
				position: absolute;
				top:0;
				left: 1090px;
			}
			.a11:hover{
				box-shadow:0px 0px 10px 10px #ccc;
			}
		</style>
	</head>
	<body>
		<div id="box_1">
		</div>
		<div class="box">
			<a href="#" class="a1">小米商城  </a>
			<a href="#" class="aa">MIUI </a>
			<a href="#" class="aa">loT </a>
			<a href="#" class="aa">loT </a>
			<a href="#" class="aa">云服务</a>
			<a href="#" class="aa">金融 </a>
			<a href="#" class="aa">有品 </a>
			<a href="#" class="aa">小爱开放平台 </a>
			<a href="#" class="aa">政企服务 </a>
			<a href="#" class="aa">Select Region</a>
			</span>
			<span class="a2">
				<a href="#" class="aaa">登陆</a>
				<a href="#" class="aaa">注册</a>
				<a href="#" class="aaa">消息通知</a>
				<a class="aaa" href="#"><img src="img/17.png" class="img_1">购物车(1)</a
			</span>